<template>
  <div class="Videopre">
    <section class="topTool">
      <dl v-for="(item, index) in images" :key="index">
        <dd>
          <img :src="item.src" @error="imgError(item)" />
        </dd>
        <dt class="title">{{item.name}}</dt>
      </dl>
    </section>
  </div>
</template>

<script type="text/javascript" src="../../../api/datamg/subdatamg/videopre.js"></script>

<style lang="scss">
.Videopre {
  width: 100%;
  > section {
    &.topTool {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      dl {
        dt {
          text-align: center;
          margin-bottom: 5%;
          margin-top: 5%;
          font-size: 16px;
          color: #85899c;
        }
      }
    }
  }
}
</style>
